import Vue from 'vue'
import App from './App.vue'  // App.vue 是创建的文件
import VueRouter from 'vue-router'  // 下载好的在 node_modules
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false
Vue.use(VueRouter)
Vue.use(ElementUI)

// 初始化路由
// 创建一个路由对象
var router = new VueRouter({
  // 路由规则
  routes: [{
    path: '/',
    component: () => import('./page/page-home.vue')
  },
  {
    path: '/detail',
    component: () => import('./page/page-detail.vue')
  },
  {
    path: '/addShopping',
    component: ()=>import('./page/page-addShopping.vue')
  },{
    path: '/login',
    component: ()=>import('./page/page-login.vue')
  }]
})

// js的构造函数

// 整个项目中使用的应用
new Vue({  
  render: h => h(App),   
  router
}).$mount('#app')
